@charset "utf-8";
/* CSS Document */

body{ font-family:"Segoe UI", "Segoe Script", "Sakkal Majalla"; font-size:12px; color:#666; padding:2px; margin:0px}

/* ESTRUTURA DA PAGINA */

#geral{ width:600px; margin:5px auto;}

#chat-caixa{ background-color:#F8F8F8; border:solid 1px #F0F0F0; float:left; width:435px; height:255px}
#chat-caixa iframe{width:435px; height:255px;}

#mensagem-caixa{ background-color:#F8F8F8; border:solid 1px #F0F0F0; float:left; width:415px; margin-top:15px; padding:10px}

#usuarios-online{background-color:#FFF; float:left; width:135px; height:70px; margin-left:15px; margin-top:15px}

#rodape{ float:left; width:600px; margin-top:10px; font-size:10px}

#erro{width:400px; padding:10px; color:#FF0000}

#aviso{ padding: 5px; background-color:#F0F0F0;}


/* USUARIOS */
#usuario-caixa{ background-color:#F8F8F8; border:solid 1px #F0F0F0; float:left; width:135px; height:255px; margin-left:15px}
#usuario-caixa iframe{width:135px; height:255px;}



/* LISTA DE USUARIOS */
#lista-usuarios { margin-left:5px; margin-top:5px; padding:0px; list-style:none;}
#lista-usuarios li{ color:#007CC3; list-style:none}



/* MENU RODAPE  */
#menu-rodape { margin-left:5px; margin-top:5px; padding:0px; list-style:none;}
#menu-rodape li a{ color:#007CC3; list-style:none; text-decoration:none}
#menu-rodape li a:hover{ color:#007CC3; list-style:none; text-decoration:underline}



/* MENSAGENS */
#mensagem{ padding:5px;}
#mensagem .texto-usuario{ color:#007CC3;}
#mensagem .texto-vendedor{ color:#F60;}
.campo-mensagem{ padding:5px; font-size:14px; color:#666; width:95%}
.botao-mensagem{ color:#FFF; background-color:#007CC3; padding:5px; border:solid 1px #039}




